<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link rel="shortcut icon" href="images/content/favicon.ico" />
<meta http-equiv="Content-Script-Type" content="text/javascript" /> 

<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="title" content="" />
<meta name="description" content="" />
<title>Union Corp</title>
<link rel="shortcut icon" href="./images/favicon.ico" />
<!-- ////////////////////////////////// -->
<!-- //      Start Stylesheets       // -->
<!-- ////////////////////////////////// -->
<link href="./styles/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./styles/color.css" rel="stylesheet" type="text/css" media="screen" />
<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="./js/hoverIntent.js"></script> 
<script type="text/javascript" src="./js/superfish.js"></script> 
<script type="text/javascript" src="./js/supersubs.js"></script> 
<script type="text/javascript">
jQuery(document).ready(function(){
	//Menu
	jQuery("ul.sf-menu").supersubs({ 
	minWidth		: 12,		// requires em unit.
	maxWidth		: 27,		// requires em unit.
	extraWidth		: 1		// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
						   // due to slight rounding differences and font-family 
	}).superfish();  // call supersubs first, then superfish, so that subs are 
					 // not display:none when measuring. Call before initialising 
					 // containing tabs for same reason. 
});
</script>

<meta charset="UTF-8"></head>
<body>

<div id="wrapper">
    <div id="wrapper-top">
    	<div class="container">
        	<div class="twelve columns">
                <div id="top">
                    <div id="topsearch">
                     <form method="post" action="#">
                        <div><input type="text" class="inputbox" value="Type Search..." onblur="if (this.value == ''){this.value = 'Type Search...'; }" onfocus="if (this.value == 'Type Search...') {this.value = ''; }" /></div>
                    </form>
                    </div>
                    <div id="logo"><a href="./index.html"><img src="./images/logo.png" alt="" /></a></div>
                </div>
                <div id="nav">
                    <ul id="topnav" class="sf-menu">
                        <li><a href="./index.html">Home</a></li>
                        <li><a href="./about.html" class="current">About Us</a>
                        	<ul>
                                <li><a href="./about.html">About Page</a></li>
                                <li><a href="./typography.html">Typography</a></li>
                                <li><a href="./single.html">Blog Detail</a></li>
                                <li><a href="#">Dropdown</a>
                                	<ul>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="./services.html">Services</a></li>
                        <li><a href="./portfolio.html">Portfolio</a></li>
                        <li><a href="./blog.html">Blog</a></li>
                        <li><a href="./contact.html">Contacts</a></li>
                    </ul><!-- #topnav -->
                </div><!-- #nav -->	
            </div>
        </div><!-- .container -->
    </div><!-- end #wrapper-top -->	
    <div id="wrapper-content">
    	<div class="container">
        	<div class="twelve columns">
                <div id="content" class="inner">
                	
                    <h1 class="pagetitle">About Us</h1>
                    <div class="one_half firstcols">
                        <h4>More About Our Company</h4>
                        <img src="./images/content/pic2.jpg" alt="" class="alignleft border" />
                        <p><span class="colortext">Lorem ipsum dolor sit amet</span>, consectetur adipiscing elit. Quisque tempus pretium porttitor.
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. </p>
    <p>Curae; Quisque ut elit at mauris sollicitudin pretium. Praesent sit amet adipiscing sapien,  proin laoreet ligula non enim gravida. Suspendisse tempor mollis neque</p>
    <p>Nulla vel ante quis ligula aliquam pulvinar non venenatis nisl. Aenean auctor magna sit amet elit ultricies blandit. Curabitur tempus placerat tortor, non rutrum quam tincidunt sed. Suspendisse tempor mollis neque, sit amet ornare purus rutrum vel. Integer congue, ipsum eu viverra cursus, tortor lectus sagittis ligula, eu volutpat ipsum purus a arcu. </p>
    <p><span class="colortext">Pellentesque rutrum risus sed neque vestibulum consectetur erat suscipit</span>. Quisque facilisis pellentesque venenatis. Fusce mollis rhoncus sapien. Pellentesque bibendum volutpat libero sit amet sollicitudin. </p>
                    </div>
                    <div class="one_half lastcols">
                     <h4>How We Work</h4>
                     <p><span class="dropcap2">1</span>Nulla vel ante quis ligula aliquam pulvinar non venenatis nisl. Aenean auctor magna sit amet elit ultricies blandit. Curabitur <br/>tempus placerat tortor, non rutrum quam tincidunt sed. Suspendisse vel  sit tempor mollis neque, sit amet ornare purus rutrum.</p>
                     <p><span class="dropcap2">2</span>Nulla vel ante quis ligula aliquam pulvinar non venenatis nisl. Aenean auctor magna sit amet elit ultricies blandit. Curabitur tempus placerat tortor, non rutrum quam tincidunt sed. Suspendisse vel  sit tempor mollis neque, sit amet ornare purus rutrum.</p>
                     <p><span class="dropcap2">3</span>Nulla vel ante quis ligula aliquam pulvinar non venenatis nisl. Aenean auctor magna sit amet elit ultricies blandit. Curabitur tempus placerat tortor, non rutrum quam tincidunt sed. Suspendisse vel  sit tempor mollis neque, sit amet ornare purus rutrum.</p>
                     <p><span class="dropcap2">4</span>Nulla vel ante quis ligula aliquam pulvinar non venenatis nisl. Aenean auctor magna sit amet elit ultricies blandit. Curabitur tempus placerat tortor, non rutrum quam tincidunt sed. Suspendisse vel  sit tempor mollis neque, sit amet ornare purus rutrum.</p>
                    </div>
                    
                     <div class="separator line"></div>
                     
                     <h4>Our Team Work</h4>
                     <div class="one_fifth firstcols">
                         <img src="./images/content/pic3.jpg" alt="" class="border" />
                         <span class="space"></span>
                         <h5 class="nomargin">Clara Messie</h5>
                     </div>
                     <div class="one_fifth">
                         <img src="./images/content/pic4.jpg" alt="" class="border" />
                          <span class="space"></span>
                         <h5 class="nomargin">Antonio Banderas</h5>
                     </div>
                     <div class="one_fifth">
                         <img src="./images/content/pic5.jpg" alt="" class="border" />
                          <span class="space"></span>
                         <h5 class="nomargin">Sonya Clarks</h5>
                     </div>
                     <div class="one_fifth">
                         <img src="./images/content/pic6.jpg" alt="" class="border" />
                         <span class="space"></span>
                         <h5 class="nomargin">Darell Nathan</h5>
                     </div>
                     <div class="one_fifth lastcols">
                         <img src="./images/content/pic7.jpg" alt="" class="border" />
                          <span class="space"></span>
                         <h5 class="nomargin">Vannesa Tatum</h5>
                     </div>
                
                	 <div class="separator line"></div>
                     
                     
                     <div class="one_third firstcols">
                         <h2>Our Skills</h2>
                         <ul class="list1">
                            <li>
                                <h4>Management Service</h4>
                                <span>Sed facilisis felis vel purus egestas a sollicitudin nunc euismod. Maecenas consequat libero mattis.  Lorem ipsum dolor sit amet, consectetur.</span>
                            </li>
                            <li>
                                <h4>Budget Planning</h4>
                                <span>Sed facilisis felis vel purus egestas a sollicitudin nunc euismod. Maecenas consequat libero mattis.  Lorem ipsum dolor sit amet, consectetur.</span>
                            </li>
                            <li>
                                <h4>Marketing Research</h4>
                                <span>Sed facilisis felis vel purus egestas a sollicitudin nunc euismod. Maecenas consequat libero mattis.  Lorem ipsum dolor sit amet, consectetur.</span>
                            </li>
                         </ul>
                     </div>
                     <div class="one_third">
                         <h2>Our History</h2>
                         <ul class="list2">
                            <li>
                                <h4 class="colortext alignleft">2000 &rarr;</h4>
                                <div class="indentleft">Aenean faucibus, erat bibendum volutpat hendrerit, lectus metus gravida sapien, malesuada lorem erat a ipsum. </div>
                            </li>
                            <li>
                                <h4 class="colortext alignleft">2003 &rarr;</h4>
                                <div class="indentleft">Aenean faucibus, erat bibendum volutpat hendrerit, lectus metus gravida sapien, malesuada lorem erat a ipsum. </div>
                            </li>
                            <li>
                                <h4 class="colortext alignleft">2009 &rarr;</h4>
                                <div class="indentleft">Aenean faucibus, erat bibendum volutpat hendrerit, lectus metus gravida sapien, malesuada lorem erat a ipsum. </div>
                            </li>
                            <li>
                                <h4 class="colortext alignleft">2011 &rarr;</h4>
                                <div class="indentleft">Aenean faucibus, erat bibendum volutpat hendrerit, lectus metus gravida sapien, malesuada lorem erat a ipsum. </div>
                            </li>
                         </ul>
                     </div>
                     <div class="one_third lastcols">
                         <h2>Testimonials</h2>
                         <ul class="list1">
                            <li>
                                <blockquote class="testimonial">
                                <div>Maecenas consequat libero mattis nisl fringilla pretium. Aenean faucibus, volutpat hendrerit, lectus lorem set.</div>
                                <div class="testiname">Laurencia Rahardja</div>
                                </blockquote>
                            </li>
                            <li>
                                <blockquote class="testimonial">
                                <div>Praesent sit amet adipiscing sapien. Phasellus ultrices, lectus tincidunt ultricies, lorem non vehicula ante nec.</div>
                                <div class="testiname">Kelvin Alvian</div>
                                </blockquote>
                            </li>
                            <li>
                                <blockquote class="testimonial">
                                <div>Curabitur cursus, quam et dapibus pharetra, lacus lorem interdum magna. Etiam vehicula aliquet lorem.</div>
                                <div class="testiname">Donita Alina</div>
                                </blockquote>
                            </li>
                         </ul>
                     </div>
                     
                
                	<div class="clear"></div>
                </div><!-- #content -->	
            </div>
        </div>
    </div><!-- end #wrapper-content -->
    <div id="wrapper-footer">
    	<div class="container">
        	<div class="twelve columns">
                <div id="footer_text">
                	Copyright &copy;2011 Union Corp.  All Rights Reserved
                </div>
            </div>
        </div>
    </div><!-- end #wrapper-footer -->	
</div><!-- end #wrapper -->	

</body>
</html>
